<div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">S&M</h3>
                </div>
                <div class="box-body table-responsive no-padding" >
                            <table ng-table="vm.tableParams1" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td width="200px" title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td title="'Staff No'" filter="{ 'staffNo': 'text'}" sortable="'staffNo'">
						            {{ret.staffNo}}</td>
						        <!-- <td title="'No of Career Pathways communication MTD'" filter="{ 'cpJoinMtd': 'text'}" sortable="'cpJoinMtd'">
						            {{ret.cpJoinMtd}}</td> -->
						        <td title="'No of Career Pathways communication YTD'" filter="{ 'cpJoinYtd': 'text'}" sortable="'cpJoinYtd'">
						            {{ret.cpJoinYtd}}</td>
						        <td title="'YTD%'" filter="{ 'cpJoinYtdP': 'text'}" sortable="'cpJoinYtdP'">
						            {{ret.cpJoinYtdP | percentage}}</td>
						        <!-- <td title="'MTD'" filter="{ 'elearnMtd': 'text'}" sortable="'elearnMtd'">
						            {{ret.elearnMtd}}</td> -->
						        <td title="'No. of E-learning YTD'" filter="{ 'elearnYtd': 'text'}" sortable="'elearnYtd'">
						            {{ret.elearnYtd}}</td>
						        <td title="'YTD%'" filter="{ 'elearnYtdP': 'text'}" sortable="'elearnYtdP'">
						            {{ret.elearnYtdP | percentage}}</td>
						       <!--  <td title="'MTD'" filter="{ 'pdpMtd': 'text'}" sortable="'pdpMtd'">
						            {{ret.pdpMtd}}</td> -->
						        <td title="'No. of PDP Conversation YTD'" filter="{ 'pdpYtd': 'text'}" sortable="'pdpYtd'">
						            {{ret.pdpYtd}}</td>
						        <td title="'YTD%'" filter="{ 'pdpYtdP': 'text'}" sortable="'pdpYtdP'">
						            {{ret.pdpYtdP|percentage}}</td>
						        <!-- <td title="'MTD'" filter="{ 'promotionMtd': 'text'}" sortable="'promotionMtd'">
						            {{ret.promotionMtd}}</td> -->
						        <td title="'Promotion YTD'" filter="{ 'promotionYtd': 'text'}" sortable="'promotionYtd'">
						            {{ret.promotionYtd}}</td>
						        <td title="'YTD%'" filter="{ 'promotionYtdP': 'text'}" sortable="'promotionYtdP'">
						            {{ret.promotionYtdP|percentage}}</td>
						        <!-- <td title="'Internal Move(within IHG) MTD'" filter="{ 'moveMtd': 'text'}" sortable="'moveMtd'">
						            {{ret.moveMtd}}</td> -->
						        <td title="'Internal Move(within IHG) YTD'" filter="{ 'moveYtd': 'text'}" sortable="'moveYtd'">
						            {{ret.moveYtd}}</td>
						        <td title="'YTD%'" filter="{ 'moveYtdP': 'text'}" sortable="'moveYtdP'">
						            {{ret.moveYtdP|percentage}}</td>						        						            
						    </tr>
						    <tr>
						    	<th>Total</th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    </tr>
                       
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->

            <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Finance</h3>
                </div>
                <div class="box-body table-responsive no-padding" >
                            <table ng-table="vm.tableParams3" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td width="200px" title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td title="'Staff No'" filter="{ 'staffNo': 'text'}" sortable="'staffNo'">
						            {{ret.staffNo}}</td>
						        <!-- <td title="'No of Career Pathways communication MTD'" filter="{ 'cpJoinMtd': 'text'}" sortable="'cpJoinMtd'">
						            {{ret.cpJoinMtd}}</td> -->
						        <td title="'No of Career Pathways communication YTD'" filter="{ 'cpJoinYtd': 'text'}" sortable="'cpJoinYtd'">
						            {{ret.cpJoinYtd}}</td>
						        <td title="'YTD%'" filter="{ 'cpJoinYtdP': 'text'}" sortable="'cpJoinYtdP'">
						            {{ret.cpJoinYtdP | percentage}}</td>
						        <!-- <td title="'No. of E-learning MTD'" filter="{ 'elearnMtd': 'text'}" sortable="'elearnMtd'">
						            {{ret.elearnMtd}}</td> -->
						        <td title="'No. of E-learning YTD'" filter="{ 'elearnYtd': 'text'}" sortable="'elearnYtd'">
						            {{ret.elearnYtd}}</td>
						        <td title="'YTD%'" filter="{ 'elearnYtdP': 'text'}" sortable="'elearnYtdP'">
						            {{ret.elearnYtdP | percentage}}</td>
						        <!-- <td title="'No. of PDP Conversation MTD'" filter="{ 'pdpMtd': 'text'}" sortable="'pdpMtd'">
						            {{ret.pdpMtd}}</td> -->
						        <td title="'No. of PDP Conversation YTD'" filter="{ 'pdpYtd': 'text'}" sortable="'pdpYtd'">
						            {{ret.pdpYtd}}</td>
						        <td title="'YTD%'" filter="{ 'pdpYtdP': 'text'}" sortable="'pdpYtdP'">
						            {{ret.pdpYtdP|percentage}}</td>
						        <!-- <td title="'Promotion MTD'" filter="{ 'promotionMtd': 'text'}" sortable="'promotionMtd'">
						            {{ret.promotionMtd}}</td> -->
						        <td title="'Promotion YTD'" filter="{ 'promotionYtd': 'text'}" sortable="'promotionYtd'">
						            {{ret.promotionYtd}}</td>
						        <td title="'YTD%'" filter="{ 'promotionYtdP': 'text'}" sortable="'promotionYtdP'">
						            {{ret.promotionYtdP|percentage}}</td>
						        <!-- <td title="'Internal Move(within IHG) MTD'" filter="{ 'moveMtd': 'text'}" sortable="'moveMtd'">
						            {{ret.moveMtd}}</td> -->
						        <td title="'Internal Move(within IHG) YTD'" filter="{ 'moveYtd': 'text'}" sortable="'moveYtd'">
						            {{ret.moveYtd}}</td>
						        <td title="'YTD%'" filter="{ 'moveYtdP': 'text'}" sortable="'moveYtdP'">
						            {{ret.moveYtdP|percentage}}</td>						        						            
						    </tr>
                       <tr>
						    	<th>Total</th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    </tr>
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
           <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">F&B</h3>
                </div>
                <div class="box-body table-responsive no-padding" >
                            <table ng-table="vm.tableParams4" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td width="200px" title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td title="'Staff No'" filter="{ 'staffNo': 'text'}" sortable="'staffNo'">
						            {{ret.staffNo}}</td>
						        <!-- <td title="'No of Career Pathways communication MTD'" filter="{ 'cpJoinMtd': 'text'}" sortable="'cpJoinMtd'">
						            {{ret.cpJoinMtd}}</td> -->
						        <td title="'No of Career Pathways communication YTD'" filter="{ 'cpJoinYtd': 'text'}" sortable="'cpJoinYtd'">
						            {{ret.cpJoinYtd}}</td>
						        <td title="'YTD%'" filter="{ 'cpJoinYtdP': 'text'}" sortable="'cpJoinYtdP'">
						            {{ret.cpJoinYtdP | percentage}}</td>
						        <!-- <td title="'No. of E-learning MTD'" filter="{ 'elearnMtd': 'text'}" sortable="'elearnMtd'">
						            {{ret.elearnMtd}}</td> -->
						        <td title="'No. of E-learning YTD'" filter="{ 'elearnYtd': 'text'}" sortable="'elearnYtd'">
						            {{ret.elearnYtd}}</td>
						        <td title="'YTD%'" filter="{ 'elearnYtdP': 'text'}" sortable="'elearnYtdP'">
						            {{ret.elearnYtdP | percentage}}</td>
						        <!-- <td title="'No. of PDP Conversation MTD'" filter="{ 'pdpMtd': 'text'}" sortable="'pdpMtd'">
						            {{ret.pdpMtd}}</td> -->
						        <td title="'No. of PDP Conversation YTD'" filter="{ 'pdpYtd': 'text'}" sortable="'pdpYtd'">
						            {{ret.pdpYtd}}</td>
						        <td title="'YTD%'" filter="{ 'pdpYtdP': 'text'}" sortable="'pdpYtdP'">
						            {{ret.pdpYtdP|percentage}}</td>
						        <!-- <td title="'Promotion MTD'" filter="{ 'promotionMtd': 'text'}" sortable="'promotionMtd'">
						            {{ret.promotionMtd}}</td> -->
						        <td title="'Promotion YTD'" filter="{ 'promotionYtd': 'text'}" sortable="'promotionYtd'">
						            {{ret.promotionYtd}}</td>
						        <td title="'YTD%'" filter="{ 'promotionYtdP': 'text'}" sortable="'promotionYtdP'">
						            {{ret.promotionYtdP|percentage}}</td>
						        <!-- <td title="'Internal Move(within IHG) MTD'" filter="{ 'moveMtd': 'text'}" sortable="'moveMtd'">
						            {{ret.moveMtd}}</td> -->
						        <td title="'Internal Move(within IHG) YTD'" filter="{ 'moveYtd': 'text'}" sortable="'moveYtd'">
						            {{ret.moveYtd}}</td>
						        <td title="'YTD%'" filter="{ 'moveYtdP': 'text'}" sortable="'moveYtdP'">
						            {{ret.moveYtdP|percentage}}</td>						        						            
						    </tr>
                       <tr>
						    	<th>Total</th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    </tr>
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->
           <div class="box box-primary">
                <div class="box-header with-border">
                    <h3 class="box-title">Total</h3>
                </div>
                <div class="box-body table-responsive no-padding" >
                            <table ng-table="vm.tableParams5" class="table table-hover table-bordered table-condensed" show-filter="true">
                            	
                            	<tr ng-repeat="ret in $data">
						        <td width="200px" title="'Hotel Name'" filter="{ hotel: 'text'}" sortable="'hotel'">
						            {{ret.hotel}}</td>
						        <td title="'Staff No'" filter="{ 'staffNo': 'text'}" sortable="'staffNo'">
						            {{ret.staffNo}}</td>
						        <!-- <td title="'No of Career Pathways communication MTD'" filter="{ 'cpJoinMtd': 'text'}" sortable="'cpJoinMtd'">
						            {{ret.cpJoinMtd}}</td> -->
						        <td title="'No of Career Pathways communication YTD'" filter="{ 'cpJoinYtd': 'text'}" sortable="'cpJoinYtd'">
						            {{ret.cpJoinYtd}}</td>
						        <td title="'YTD%'" filter="{ 'cpJoinYtdP': 'text'}" sortable="'cpJoinYtdP'">
						            {{ret.cpJoinYtdP | percentage}}</td>
						        <!-- <td title="'No. of E-learning MTD'" filter="{ 'elearnMtd': 'text'}" sortable="'elearnMtd'">
						            {{ret.elearnMtd}}</td> -->
						        <td title="'No. of E-learning YTD'" filter="{ 'elearnYtd': 'text'}" sortable="'elearnYtd'">
						            {{ret.elearnYtd}}</td>
						        <td title="'YTD%'" filter="{ 'elearnYtdP': 'text'}" sortable="'elearnYtdP'">
						            {{ret.elearnYtdP | percentage}}</td>
						        <!-- <td title="'No. of PDP Conversation MTD'" filter="{ 'pdpMtd': 'text'}" sortable="'pdpMtd'">
						            {{ret.pdpMtd}}</td> -->
						        <td title="'No. of PDP Conversation YTD'" filter="{ 'pdpYtd': 'text'}" sortable="'pdpYtd'">
						            {{ret.pdpYtd}}</td>
						        <td title="'YTD%'" filter="{ 'pdpYtdP': 'text'}" sortable="'pdpYtdP'">
						            {{ret.pdpYtdP|percentage}}</td>
						        <!-- <td title="'Promotion MTD'" filter="{ 'promotionMtd': 'text'}" sortable="'promotionMtd'">
						            {{ret.promotionMtd}}</td> -->
						        <td title="'Promotion YTD'" filter="{ 'promotionYtd': 'text'}" sortable="'promotionYtd'">
						            {{ret.promotionYtd}}</td>
						        <td title="'YTD%'" filter="{ 'promotionYtdP': 'text'}" sortable="'promotionYtdP'">
						            {{ret.promotionYtdP|percentage}}</td>
						        <!-- <td title="'Internal Move(within IHG) MTD'" filter="{ 'moveMtd': 'text'}" sortable="'moveMtd'">
						            {{ret.moveMtd}}</td> -->
						        <td title="'Internal Move(within IHG) YTD'" filter="{ 'moveYtd': 'text'}" sortable="'moveYtd'">
						            {{ret.moveYtd}}</td>
						        <td title="'YTD%'" filter="{ 'moveYtdP': 'text'}" sortable="'moveYtdP'">
						            {{ret.moveYtdP|percentage}}</td>						        						            
						    </tr>
                       <tr>
						    	<th>Total</th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    	<th></th>
						    </tr>
                            </table>
                </div>
                <!-- /.box-body -->
            </div>
            <!-- /.box -->